#sign {
	padding:64rpx;
	.logo {
		height:91rpx;
		text-align: center;
		image {
			display: inline-block;
			height: 100%;
			width: auto;
		}
	}
	.user {
		width: 100%;
		margin-top:54rpx;
		text-align: center;
		.avatar {
			width: 101rpx;
			height: 101rpx;
			border-radius: 50%;
			overflow: hidden;
			margin: 0 auto;
			img {
				width: 100%;
				height: 100%;
			}
		}
		.name {
			width: 100%;
			text-align: center;
			font-size: 30rpx;
			margin-top:20rpx;
		}
	}
	.form {
		width: 100%;
		margin-top:50rpx;
		.line {
			width: 100%;
			height:90rpx;
			display: flex;
			align-items: center;
			position: relative;
			.input {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				.pre-icon {
					width:32rpx;
					display: block;
					font-size:32rpx;
					flex-shrink: 0;
				}
				input {
					width: 100%;
					height: 100%;
					margin-left:30rpx;
					border: none;
					border-bottom: 1px solid #f0f0f0;
				}
				.btn {
					width:32rpx;
					display: block;
					color: #666;
					font-size:32rpx;
					flex-shrink: 0;
					position: absolute;
					right: 0;
					top:22rpx;
				}
			}
			.getcode {
				display: block;
				height:87rpx;
				line-height:87rpx;
				width: 230rpx;
				flex-shrink: 0;
				background-color: #fff;
				position: absolute;
				right: 0;
				top: 0;
				color: #000;
				text-align: right;
			}
		}
		.sub-btn {
			display: block;
			width: 100%;
			height:88rpx;
			line-height:88rpx;
			text-align: center;
			background-color: #000;
			color: #fff;
			border-radius:44rpx;
			font-size:32rpx;
			margin-top:40rpx!important;
		}
		.bot-line {
			padding: 0 80rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 50rpx;
			button{
				width:auto!important;
			}
		}
		.third {
			width: 100%;
			margin-top: 110rpx;
			.mod {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				text {
					display: block;
					width: 100%;
					height: 1px;
					background-color: #efefef;
				}
				.mod-login-type {
					display: block;
					flex-shrink: 0;
					width: 220rpx;
					height:44rpx;
					background-color: #f7f7f7;
					border-radius: 22rpx;
					line-height: 44rpx;
					text-align: center;
					font-size: 24rpx;
					color: #999;
				}
			}
			.items {
				width: 100%;
				margin-top: 42rpx;
				overflow: hidden;
				.item {
					display: flex;
					align-items: center;
					justify-content: center;
					height:88rpx;
					line-height:88rpx;
					border: 2rpx solid #b2b2b2;
					border-radius:44rpx;
					font-size:32rpx;
					margin-top:20rpx;
				}
			}
		}
		.agree {
			width: 100%;
			margin-top:40rpx;
			.checkitem {
				width: 100%;
				display: block;
				overflow: hidden;
				a {
					color: #db282b;
				}
			}
		}
	}
}